<%@ page import="entity.Goods" %>
<%@ page import="util.JdbcUtils" %>
<%@ page import="java.util.List" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>

<%
    String sql = "SELECT id,`name`,`price`,`image` FROM `goods`";
    List<Goods> goods = JdbcUtils.selects(sql, Goods.class);
%>

<html lang="zh">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Java实训团队协作简单案例 - 商品列表页面</title>
    <link rel="shortcut icon" href="assets/img/favicon.ico" type="image/x-icon"/>
    <link rel="stylesheet" href="assets/vendors/font-awesome-4.7.0/css/font-awesome.min.css"/>
    <link rel="stylesheet" href="assets/css/core.css"/>
    <link rel="stylesheet" href="assets/css/index.css"/>

    <link rel="stylesheet" href="assets/css/goods.css"/>
</head>

<body>

<jsp:include page="/WEB-INF/tpl/header.jsp"></jsp:include>

<section class="container">
    <jsp:include page="/WEB-INF/tpl/left.jsp"></jsp:include>

    <div class="main-right">
        <h3>商品列表页面</h3>
        <a href="goods-edit.jsp"><i class="fa fa-plus"></i> 新增商品</a>

        <div class="goods-container">
            <% for (Goods g : goods) { %>

            <div class="goods-item">
                <img class="goods-img" src="/images/<%=g.getImage()%>"/>
                <span class="goods-title"><%=g.getName()%></span>
                <span class="goods-price"><%=g.getPrice()%>￥</span>
                <span class="goods-footer">
                        <i class="fa fa-pencil"></i>
                        <i class="fa fa-trash"></i>
                    </span>
            </div>

            <% } %>
        </div>

        <div class="goods-pager">
            <span>总共 <b>30</b> 条数据，当前是第 <b>1</b> 页。</span>
            <button type="button">上一页</button>
            <button type="button">下一页</button>
        </div>
    </div>
</section>
</body>

</html>